* {
	margin: 0;
	padding: 0;
}
html,body {
    width: 100%;
}
.txh {
    display: flex;
	display: -webkit-flex;
}
li {
	   list-style: none;
}
.px2rem(@name, @px) {
	   @{name}: @px / 75 * 1rem;
}
header {
	background: #ffffff;
	ul {
		color: #d93a55;
		.px2rem(height,96);
		.txh();
		justify-content:space-between;
		algin-items:center;
		.px2rem(padding-left,24);
		.px2rem(padding-right,24);
		.px2rem(line-height,96);
		.px2rem(font-size,28);
		border-bottom:1px solid #ccc;
		li {
			color: #da3f59;
			.px2rem(height,96);
			.txh();
			justify-content:space-around;
			.px2rem(padding-left,24);
			.px2rem(padding-right,24);
		}
	}
}
.content {
	.content-top {
		background: #f8f8f8;
		.px2rem(height,43);
	}
	.content-main-denglu {
		background: #ffffff;
		.px2rem(height,214);

		.content-login-email {
			.px2rem(margin-left,53);
			.px2rem(margin-right,53);
			.px2rem(height,214);
			border-radius: 10px;
			background: #ffffff;
			border-bottom:1px solid #ccc;	
			.txh();
			align-items:center;
			justify-content:space-between;
			border:1px solid #ccc;
			.px2rem(height,80);	
			ul {
				.txh();
				.px2rem(font-size,24);
				li {
					input {
						border:none;
						background: #ffffff;
					}
				}
				li:nth-child(1) {
					.px2rem(padding-right,25);
					.px2rem(padding-left,25);
				}
			}
		}
		.content-password {
			.px2rem(margin-left,53);
			.px2rem(margin-right,53);
			.px2rem(margin-top,50);
			border-radius: 10px;
			background: #ffffff;
			border-bottom: 1px solid #ccc;
			.txh();
			align-items:center;
			justify-content:space-between;
			border:1px solid #ccc;
			.px2rem(height,80);
			ul {
				.txh();	
				.px2rem(font-size,24);
				li {
					color: #999999;
					input {
						border:none;
						background: #ffffff;
					}
				}	
				li:nth-child(1)	{
					.px2rem(padding-right,25);
					.px2rem(padding-left,25);
				}
			}
		}
	}
	.content-icon {
		.px2rem(padding-left,53);
		.px2rem(padding-right,53);
		a{
		.content-push-top {
			background: #f61d4b;
			.px2rem(margin-top,50);
			border-radius: 10px;
			p {
				color: #ffffff;
				.txh();
				.px2rem(height,75);
				justify-content:center;
				align-items:center;
			}
			
		}
		}
		.content-photo-denglu {
			.px2rem(margin-top,22);
			background: #ffffff;
			border:1px solid #cccccc;
			border-radius: 10px;
			p {
				color: #333333;
				.txh();
				.px2rem(height,75);
				justify-content:center;
				align-items:center;
			}
		}
	}
}
footer {
	.content-main-zhuce {
		.px2rem(padding-left,53);
		.px2rem(padding-right,53);
		.content-main-login-zhuce {
			.px2rem(margin-top,120);
			p {
				text-decoration: line-through;
				.txh();
				justify-content:center;
				.px2rem(font-size,24);
				color: #868686;
			}
		}
		.content-main-weixin-zhuce {
			.px2rem(margin-top,64);
			p {
				.txh();
				align-items:center;
				justify-content:center;
				color: #6e7d8b;
			}
			p:nth-child(1) {
				.px2rem(padding-bottom,20);
			}
		}
	}
}